<div class="lhp">
    <ul class="scenic-list clearfix">
        <#list page.list as stc>
        <li>
            <a href="/scenic/detail?id=${stc.id}" target="_blank" title="${stc.name}">
                <div class="img"><img
                        src="${stc.photoUrl[0]}"
                        width="192" height="130"></div>
                <h3>${stc.name}</h3>
            </a>
        </li>
        </#list>
    </ul>

    <div style="float: right">
        <div style="float: left;"><span style="line-height:30px"> 共${page.pages!}页 / ${page.total!}条&nbsp;&nbsp;&nbsp;</span>
        </div>
        <div id="pagination" class="jq-pagination" style="display: inline;"></div>
    </div>
    <script>
        $("#pagination").jqPaginator({
                    totalPages: ${page.pages!0},
                    visiblePages: 5,
                    currentPage: ${page.pageNum} || 1,
                prev:'<a class="prev" href="javascript:void(0);">上一页<\/a>',
                next:'<a class="next" href="javascript:void(0);">下一页<\/a>',
                page:'<a href="javascript:void(0);">{{page}}<\/a>',
                last:'<a class="last" href="javascript:void(0);" >尾页<\/a>',
                onPageChange:function (page, type) {
                    if (type == 'change') {
                        $("#currentPage").val(page);
                        $("#searchScenicThemeClassifyForm").submit();
                    }
                }
        })
    </script>
</div>